*{margin:0;padding:0;}
html, body{width:100%;height:100%;position: relative;background-color: #f0f0f0;}
body{overflow-y: scroll;}
ul{list-style:none;}
.active-content{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items:center;
    height:100%;
    position: absolute;
}
.mask{
    display: block;
    content: "";
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    background-color:rgba(0, 0, 0, 0.5);
}
#articleBox{
    padding: 10px 0 5px 0;
    /* position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto; */
    display:block;
    width:95%;
    /* height:80%; */
    text-align:justify;
    box-sizing: content-box;
    border-radius:10px;
    background-color:rgba(0, 0, 0, 0.7);
    color: #e7e7e7;
    font-size:1.0rem;
    line-height: 1.4rem;
    z-index:999;
}
/* .article-button{
    position: absolute;
    bottom:5px;
} */
.article-content h3{text-align:center;margin:10px 0;}
.article-content p{padding:0 20px;}
.article-content > ul > li{padding:0 20px;}
#iAgree img{
    display: block;
    width:100%;
    height:70px;
    margin:30px auto;
}
#adidas-video{
    display: block;
    width:100%;
    height:100%;
    margin:0 auto;
}
.videoBox{
    display:none;
    width:95%;
    height:40%;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
}
.bg-image{
    display:block;
    margin:0 auto;
    text-align:center;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
}

.bg-image img{
    width:100%;
    height:100%;
}